@import '@/styles/common/variables.scss';
#password_forget,#reset_forget{
  .el-form{
    width: 464px;
    margin: 0px auto;
    padding-top: 64px;

    p{
      color: #666666;
      font-size: 14px;
      text-align: center;
      margin-bottom: 8px;
      &.title{
        color: #363434;
        font-size: 32px;
        font-weight: 700;
      }
      &.formTitle{
        text-align: left;
        margin-top: 24px;
        margin-bottom: 4px;
      }
    }
    .el-form-item{
      margin-bottom: 0;
    }
    .el-button.el-button--default{
      width: 100%;
      background-color: #CCCCCC;
      color: #FFFFFF;
      font-size: 14px;
      border-color: #CCCCCC;
      margin-top: 32px;
      &:focus,
      &:hover{
        border-color: #CCCCCC;
      }
      &.isFull{
        border: none;
        background-color: #363434;
        &:hover{
          background-color: #666666;
        }
      }
    }
  }
}

#reset_forget{
  margin: 56px auto 0;
  padding-top: 0;
  .el-form{
    .el-input__suffix{
      right: 15px;
      cursor: pointer;
      .iconfont{
        color: #666666;
        &:hover{
          color: #363434;
        
        }
      }
    }
  }
}
#app {
  #password_forget,#reset_forget {
   
    @include respond('768'){
      .el-form{
        width: 100%;
        padding: 24px 20px 0;
        .title{
          font-size: 20px;
        }
      }
    }
  }
}